// out: ../../css/service_reply_detail.css, compress: true, sourceMap: false
@import '../common/common.less';
@import '../common/page_header.less';
@import '../eui/form.less';
.reply-detail-main-container {
    .eui-icon-star {
        background-image: url(../images/eui-icon-star.png);
        width: .426667rem;
        height: .426667rem;
    }
    .eui-icon-star.active {
        background-image: url(../images/eui-icon-star_active.png);
    }
    .question-progress-wrap {
        padding: .666667rem 0 .826667rem;
        .question-progress-item {
            width: 2.56rem;
        }
        .progress-point {
            margin: 0 auto;
            margin-bottom: .346667rem;
            width: .133333rem;
            height: .133333rem;
            .eui--border-radius(50%);
            background: #3cb36f;
            z-index: 1;
            &.active {
                top: .18rem;
                width: .4rem;
                height: .4rem;
                background: url(../images/customer/process-point_active.png) 0 0 no-repeat;
                background-size: 100% 100%;
            }
        }
        .question-progress-item:not(:first-of-type) {
            .progress-point {
                &:before {
                    position: absolute;
                    content: "";
                    top: .03rem;
                    height: .053333rem; 
                    width: 2.4rem;
                    background: #dcdcdc;
                    right: .14rem;
                }
                &.active:before {
                    right: .4rem;
                    top: .14rem;
                    background: #3cb46f;
                }
            }
        }
    }
    .reply-detail-list {
        .eui-table-view-cell {
            margin-bottom: .666667rem;
        }
        .question-avatar {
            width: 1.333333rem;
            height: 1.333333rem;
            .eui--border-radius(50%);
        }
        .eui-media {
            margin: 0 .133333rem;
            padding: 0 .4rem;
        }
        .eui-media-body {
            padding: .32rem .24rem;
            min-height: 1.813333rem;
            width: 6.346667rem;
            .eui--border-radius(.266667rem);
            &:after {
                position: absolute;
                display: block;
                content: '';
                width: 0;
                height: 0;
                border-top: .16667rem solid transparent;
                border-bottom: .166667rem solid transparent;
                top: -.12rem;
            }
        }
        .question-img-list {
            margin-top: .08rem;
            img {
                width: 1.92rem;
                height: 1.92rem;
                margin-right: .186667rem;
            }
        }
    }
    .reply-user {
        .eui-media-body {
            background: #2f92f8;
            &:after {
                right: -.3rem;
                border-left: .5rem solid #2f92f8;
                .eui--css3(transform, rotate(-30deg));
            }
        }
    }
    .official-customer {
        .eui-media-body {
            background: #f8f8f8;
            border: 1px solid #dcdcdc;
            &:after {
                left: -.3rem;
                border-right: .5rem solid #f8f8f8;
                .eui--css3(transform, rotate(-330deg));
            }
        }
        .eui-media-footer {
            p {
                margin: .106667rem 0;
            }
            .eui-icon {
                margin-right: .133333rem;
            }
        }
    }
    .solved-footer{ 
        border-top: 1px solid #dcdcdc;
        padding:.306667rem 0;
        a{
            text-decoration: underline;
        }
    }
    .eui-btn {
        margin-top: .533333rem;
    }
}